/* 通用基础样式 */

/*引入字体*/
@font-face{
    font-family:SourceHanSansCN;
    src:url('../font/SOURCEHANSANSCN-REGULAR.OTF');
}

/* 字体颜色 */
.fontBlue{color:#0a4ff8;}
.fontRed{color:#f25b5b;}
.fontGray{color:#7486af;}
.fontShadowGray{color:#666;}
.fontBlack{color:#837474;}
/* 字体大小 */
.f18{font-size:0.18rem;}
/* 字体方向 */
.tr{text-align: right;}
.tc{text-align: center;}
.tl{text-align: left;}
/*背景*/
.bgWhite{background:#fff;}
.bgBlue{background:#0a4ff8;}
.bgRed{background:#f25b5b;}
.bgGray{background: #7486af;}
.bgBlack{background:#837474;}
/* 浮动 */
.fl{float:left;}
.fr{float:right;}
.clr{display: block;zoom:1;}
.clr:after,.clr:before{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
* html .clr{height:1%;}
.hidden{overflow: hidden;}
/*滚动条样式*/
.scrolly{overflow-y: auto;}
/* 系统默认滚动条-显示处理 */
::-webkit-scrollbar{
  width: 0.08rem;
  height: 0.08rem;

}
::-webkit-scrollbar-track{
  border: 0;
  box-shadow: none;
  border-radius: 0;
  background: #f5f5f5;
}
::-webkit-scrollbar-thumb{
  border: 0;
  box-shadow: none;
  border-radius: 0;
  background: #ddd;
}
/* 边框 */
.border-bt{border-bottom:1px solid #e5e5e5;}
.border-none{border:none!important;}
/*间距margin*/
.m0{margin:0!important;}
.mb_0{margin-bottom:0!important;}
.ml_2{margin-left:0.02rem;}
.ml_5{margin-left:0.05rem;}
.mr_5{margin-right:0.05rem;}
.mt_5{margin-top:0.05rem;}
.mr_10{margin-right:0.1rem;}
.ml_10{margin-left:0.1rem;}
.mb_10{margin-bottom:0.1rem;}
.mt_10{margin-top:0.1rem;}
.mt_15{margin-top:0.15rem;}
.mtb_15{margin:0.15rem 0;}
.mb_15{margin-bottom:0.15rem;}
.ml_15{margin-left:0.15rem;}
.ml_20{margin-left:0.2rem;}
.mr_20{margin-right:0.2rem!important;}
.mt_20{margin-top:0.2rem;}
.mb_20{margin-bottom:0.2rem;}
.mb_24{margin-bottom:0.24rem;}
.mt_30{margin-top:0.3rem;}
.mb_20{margin-bottom:0.2rem;}
.ml_40{margin-left:0.4rem;}
.mt_50{margin-top:0.5rem;}

/* 间距padding */
.p0{padding:0!important;}
.pb0{padding-bottom:0!important;}
.pl0{padding-left:0!important;}
.pr0{padding-right:0!important;}
.pl_10{padding-left:0.1rem;}
.pt_10{padding-top:0.1rem;}
.pr_10{padding-right:0.1rem;}
.pb_10{padding-bottom:0.1rem;}
.ptb_15{padding:0.15rem 0;}
.pl_15{padding-left:0.15rem;}
.plr_15{padding:0 0.15rem;}
.p10{padding:0.1rem;}
.p15{padding:0.15rem;}
.p20{padding:0.2rem;}
.pt20{padding-top:0.2rem;}
.pl_20{padding-left:0.2rem!important;}
.pr_20{padding-right:0.2rem;}
.plr_20{padding-left:0.2rem;padding-right:0.2rem;}
.ptb_25{padding-top:0.25rem;padding-bottom:0.25rem;}
.pb_25{padding-bottom:0.25rem;}
.pl_30{padding-left:0.3rem!important;}
.pr_30{padding-right:0.3rem;}
.plr_30{padding:0 0.3rem;}
.pb_30{padding-bottom:0.3rem;}
.p30{padding:0.3rem;}
.pr_50{padding-right:0.5rem;}
.p_s{padding:0.1rem 0.2rem 0 0.2rem;}
/* 高度*/
.h100{height:100%!important;}
.h50{height:50%!important;}
/* 宽度 */
.w100{width:100%;}
.w33{width:33.3333%!important;}
.w35{width:35%!important;}
.w45{width:45%!important;}
.w55{width:55%!important;}
.w65{width:65%;}
.w30{width:30%!important;}
.w25{width:25%!important;}
/* 鼠标形状 */
.cursor{cursor:pointer;}
/* 显示，隐藏 */
.show{
  display: block!important;
}
.hide{
  display: none!important;
}
.inline{display: inline-block;}
.flex{display:flex;}
/* 圆角 */
.radius_8{border-radius:0.08rem;}
.radius_4{border-radius:0.04rem;}
/* echarts */
.chart-inner-adapt>div:nth-child(1),.chart-inner-adapt>div:nth-child(1) canvas{
	width:100%!important;
	height: 100%!important;
}
/* 超出一行显示省略号 */
.ellipsis{
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
/* 定位 */
.relative{
  position: relative;
}
.custom-tree{
  width: 100%;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow:ellipsis !important;
  display: block !important;
  font-size: 0.14rem;
}